.top {
	min-height: 2rem;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	padding-top: 4.5rem;
}

.user_name {
	min-height: 2rem; 
	line-height: 2rem; 
	margin-left: 0.5rem;
	float: left;
	font-size: 1.1rem;
}

.date {
	float: right;
	line-height: 2rem;
	width: 8rem;
	color:#09a509;
    display: block;
	padding-left: 1rem;
	height: 2rem;
	border: 1px solid #e2e2e2;
}

.summary {
	margin: 3rem auto;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #aaa;
	width: 90%;
	overflow: visible;
}

.average {
	text-align: center;
	min-height: 7rem;
	overflow: hidden;

	i.fa-trophy{
		color: #27af27;
		vertical-align: middle;
		margin-right:0.5rem;
	}
}

.calendar {
	float: left;
	position: relative;
	bottom:0.6rem;
	left: 50%;
	width: 8rem;
	border-radius: 0.15rem;
	transform:translate(-50%, -25%);
	text-align: center;
	margin: 0 auto;
	padding:0.8rem;
	border-style: solid;
	border-width: 1px;
	background-color:#FFF;
    border: 1px solid #bbbbbb;
	color: #27913e;
	font-size: 1rem;
}

.description {
	float: right;
	position: relative;
	bottom:0.6rem;
	padding: 0 0.2rem 0 0.2rem;
	background-color:#FFF;
	color: #27913e;
	line-height: 1.2rem;
	font-size: 0.9rem;
}

.breakdown{
	margin: 3rem auto;
	width: 90%;
	overflow: hidden;
}

.item {
  border-left-style: solid;
  border-left-width: 5px;
  text-indent: 5px;
  width: 28%;
  line-height: 1rem;
  margin-left: 3%;
  margin-top: 2rem;
  float: left;
  border-color: #e8d335;
  color: #474747;
}

.value {
  float: left;
  width: 15%;
  line-height: 1rem;
  margin: 2rem 0 0 3%;
}

.punchIn {
	padding-top: 4rem;
	height: 20rem;
	background-color: #ECECEC;
}

.timeRecorder {
	margin: 0 auto;
	width: 12rem;
	height: 12rem;
	text-align: center;
	line-height: 12rem;
	border-radius:50%;
	background-color: #53ada7;
	border-style: solid;
	border-width: 10px;
	border-color: #ABDADF;
	h3{
		font-size: 1.5rem;
		color: #ffffff;
		line-height: 1rem;
	}
	.verticle-middle{
		display: inline-block;
		vertical-align: middle;
	}
}

.record {
	border-top-style: solid;
	border-color: #e2e2e2;
	border-top-width: 1px;
	min-height: 2rem;
	padding: 1.5rem 0.8rem 0.8rem 1rem;
	font-size: 1rem;
	color: #999;
	margin-top: 1rem;
}

.time-now{
	color: #eae4e4;
	line-height: 3rem;
	font-size: 1.1rem;
}